<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <script>
            function read(){
                var files = document.getElementById('documentFile').files;

                console.log(files);
                for(var i = 0 ; i <files.length;i++){
                    var file = files[i];
                    var reader = new FileReader();
                    reader.onloadend = function(e){
                      var img = document.createElement('img');
                      img.src = e.target.result;
                      img.width='200';

                        document.getElementById('images').appendChild(img);
                    }

                    reader.readAsDataURL(file);
                }
            }
        </script>
</head>

<body>
    <input type="file" id="documentFile" multiple="multiple">
    <button onclick="read()">Read</button>
    <div id="images">

    </div>
</body>

</html>
